<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="./js/jquery.js"></script>
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./swiper/swiper-bundle.min.css">
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_3352517_134xz354g69.css">
    <script src="./js/jquery.js"></script>
    <script src="./js/cookie.js"></script>
    <script src="./js/header.js"></script>
    <script src="./js/home-bar.js"></script>
    <script src="./js/index.js"></script>
    <title>小米商城</title>
</head>

<body>
    <!-- 页头 -->
    <header></header>
    <script>
        $('header').load('./header.html');
    </script>


    <!-- 导航栏 -->
    <nav>
        <div class="wrap">
            <div class="logo">
                <img src="./img/logo.png">
            </div>
            <ul class="ul_one" id="nav_ul">
                <li>
                    <a href="#">Xiaomi手机</a>
                    <div class="div_one">
                        <ul class="ul_two">
                            <li>
                                <div class="list-img">
                                    <img src="./img/2.webp">
                                </div>
                                <h1>Xiaomi 12 Pro</h1>
                                <span>4699元起</span>
                            </li>
                            <li>
                                <div class="list-img">
                                    <img src="./img/2.webp">
                                </div>
                                <h1>Xiaomi 12 Pro</h1>
                                <span>4699元起</span>
                            </li>
                            <li>
                                <div class="list-img">
                                    <img src="./img/2.webp">
                                </div>
                                <h1>Xiaomi 12 Pro</h1>
                                <span>4699元起</span>
                            </li>
                            <li>
                                <div class="list-img">
                                    <img src="./img/2.webp">
                                </div>
                                <h1>Xiaomi 12 Pro</h1>
                                <span>4699元起</span>
                            </li>
                            <li>
                                <div class="list-img">
                                    <img src="./img/2.webp">
                                </div>
                                <h1>Xiaomi 12 Pro</h1>
                                <span>4699元起</span>
                            </li>
                            <li>
                                <div class="list-img">
                                    <img src="./img/2.webp">
                                </div>
                                <h1>Xiaomi 12 Pro</h1>
                                <span>4699元起</span>
                            </li>
                        </ul>
                    </div>
                </li>
                <li>
                    <a href="#">Redmi 红米</a>
                    <div class="div_one">
                        <ul class="ul_two">
                            <li>
                                <div class="list-img">
                                    <img src="./img/jdxlk1.webp">
                                </div>
                                <h1>Xiaomi 12 Pro</h1>
                                <span>4699元起</span>
                            </li>
                            <li>
                                <div class="list-img">
                                    <img src="./img/jdxlk1.webp">
                                </div>
                                <h1>Xiaomi 12 Pro</h1>
                                <span>4699元起</span>
                            </li>
                            <li>
                                <div class="list-img">
                                    <img src="./img/jdxlk1.webp">
                                </div>
                                <h1>Xiaomi 12 Pro</h1>
                                <span>4699元起</span>
                            </li>
                            <li>
                                <div class="list-img">
                                    <img src="./img/1.webp">
                                </div>
                                <h1>Xiaomi 12 Pro</h1>
                                <span>4699元起</span>
                            </li>
                            <li>
                                <div class="list-img">
                                    <img src="./img/1.webp">
                                </div>
                                <h1>Xiaomi 12 Pro</h1>
                                <span>4699元起</span>
                            </li>
                            <li>
                                <div class="list-img">
                                    <img src="./img/1.webp">
                                </div>
                                <h1>Xiaomi 12 Pro</h1>
                                <span>4699元起</span>
                            </li>
                        </ul>
                    </div>
                </li>
                <li>
                    <a href="#">电视</a>
                    <div class="div_one"></div>
                </li>
                <li>
                    <a href="#">笔记本</a>
                    <div class="div_one"></div>
                </li>
                <li>
                    <a href="#">平板</a>
                    <div class="div_one"></div>
                </li>
                <li>
                    <a href="#">家电</a>
                    <div class="div_one"></div>
                </li>
                <li>
                    <a href="#">路由器</a>
                    <div class="div_one"></div>
                </li>
                <li>
                    <a href="#">服务</a>
                </li>
                <li>
                    <a href="#">社区</a>
                </li>
            </ul>
            <div class="inp">
                <input type="text" class="inp-text"><button class="inp-sub iconfont icon-sousuo">
            </div>
        </div>
    </nav>


    <!-- 滚动菜单 -->
    <div class="left-menu">
        <div class="wrap">
            <div class="left">
                <ul class="ul_one">
                    <li>
                        <a href="#" class="one_a">手机</a>
                        <div class="show_hide">
                            <ul class="ul_two">
                                <li>
                                    <img src="./img/2.webp"><a href="#">Xiaomi 12 Pro</a>
                                </li>
                                <li>
                                    <img src="./img/2.webp"><a href="#">Xiaomi 12 Pro</a>
                                </li>
                                <li>
                                    <img src="./img/2.webp"><a href="#">Xiaomi 12 Pro</a>
                                </li>
                                <li>
                                    <img src="./img/2.webp"><a href="#">Xiaomi 12 Pro</a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li>
                        <a href="#" class="one_a">电视</a>
                        <div class="show_hide">
                            <ul class="ul_two">
                                <li>
                                    <img src="./img/2.webp"><a href="#">Xiaomi 12 Pro</a>
                                </li>
                                <li>
                                    <img src="./img/2.webp"><a href="#">Xiaomi 12 Pro</a>
                                </li>
                                <li>
                                    <img src="./img/2.webp"><a href="#">Xiaomi 12 Pro</a>
                                </li>
                                <li>
                                    <img src="./img/2.webp"><a href="#">Xiaomi 12 Pro</a>
                                </li>
                                <li>
                                    <img src="./img/2.webp"><a href="#">Xiaomi 12 Pro</a>
                                </li>
                                <li>
                                    <img src="./img/2.webp"><a href="#">Xiaomi 12 Pro</a>
                                </li>
                                <li>
                                    <img src="./img/2.webp"><a href="#">Xiaomi 12 Pro</a>
                                </li>
                                <li>
                                    <img src="./img/2.webp"><a href="#">Xiaomi 12 Pro</a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li><a href="#" class="one_a">笔记本 平板</a></li>
                    <li><a href="#" class="one_a">家电</a></li>
                    <li><a href="#" class="one_a">出行 穿戴</a></li>
                    <li><a href="#" class="one_a">智能 路由器</a></li>
                    <li><a href="#" class="one_a">电源配件</a></li>
                    <li><a href="#" class="one_a">健康 儿童</a></li>
                    <li><a href="#" class="one_a">耳机 音箱</a></li>
                    <li><a href="#" class="one_a">生活 箱包</a></li>
                </ul>
            </div>
            <div class="right">
                <!-- Swiper -->
                <div class="swiper mySwiper">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide"><img src="./img/sw1.webp" alt=""></div>
                        <div class="swiper-slide"><img src="./img/sw2.webp" alt=""></div>
                        <div class="swiper-slide"><img src="./img/sw3.webp" alt=""></div>
                        <div class="swiper-slide"><img src="./img/sw4.webp" alt=""></div>
                        <div class="swiper-slide"><img src="./img/sw5.webp" alt=""></div>
                        <div class="swiper-slide"><img src="./img/sw6.webp" alt=""></div>
                    </div>
                    <div class="swiper-button-next"></div>
                    <div class="swiper-button-prev"></div>
                    <div class="swiper-pagination"></div>
                </div>

                <!-- Swiper JS -->
                <script src="./swiper/swiper-bundle.min.js"></script>

                <!-- Initialize Swiper -->
                <script>
                    var swiper = new Swiper(".mySwiper", {
                        spaceBetween: 30,
                        centeredSlides: true,
                        loop: true,
                        effect: 'fade',
                        autoplay: {
                            delay: 2000,
                            disableOnInteraction: false,
                        },
                        pagination: {
                            el: ".swiper-pagination",
                            clickable: true,
                        },
                        navigation: {
                            nextEl: ".swiper-button-next",
                            prevEl: ".swiper-button-prev",
                        },
                    });
                </script>
            </div>
        </div>
    </div>

    <!-- 4个banner -->
    <div class="serve">
        <div class="wrap">
            <div class="server_one">
                <ul>
                    <li><i class="iconfont icon-shizhong"></i><span>保障服务</span></li>
                    <li><i class="iconfont icon-qiye"></i><span>企业团购</span></li>
                    <li><i class="iconfont icon-Fma"></i><span>F码通道</span></li>
                    <li><i class="iconfont icon-dianhuaka"></i><span>米粉条</span></li>
                    <li><i class="iconfont icon-xianzhihuanqian"></i><span>以旧换新</span></li>
                    <li><i class="iconfont icon-huafeichongzhi"></i><span>话费充值</span></li>
                </ul>
            </div>
            <div class="server_banner">
                <img src="./img/ban1.jpeg">
            </div>
            <div class="server_banner">
                <img src="./img/ban2.jpeg">
            </div>
            <div class="server_banner">
                <img src="./img/ban3.jpeg">
            </div>
        </div>
    </div>

    <!-- 产品内容 -->
    <main>
        <div class="wrap">

            <!-- banner -->
            <div class="main_banner">
                <img src="./img/main1.webp">
            </div>

            <!-- 手机 -->
            <div class="main_model">
                <div class="main_model_caption">
                    <div class="tit">手机</div>
                    <div class="more"><a href="#">查看更多</a><span>&gt;</span></div>
                </div>
                <div class="main_product">
                    <div class="product_left">
                        <img class="img-single" src="./img/product1.webp">
                    </div>
                    <div class="product_right product_phone">
                        <ul>
                            <li>
                                <a href="">
                                    <img src="./img/product2.webp">
                                    <h3>Xiaomi 12 Pro</h3>
                                    <p>全新骁龙 丨 2K AMOLED屏幕</p>
                                    <span>46999起</span>
                                </a>
                            </li>
                            <li>
                                <img src="./img/product2.webp">
                                <h3>Xiaomi 12 Pro</h3>
                                <p>全新骁龙 丨 2K AMOLED屏幕</p>
                                <span>46999起</span>
                            </li>
                            <li>
                                <img src="./img/product2.webp">
                                <h3>Xiaomi 12 Pro</h3>
                                <p>全新骁龙 丨 2K AMOLED屏幕</p>
                                <span>46999起</span>
                            </li>
                            <li>
                                <img src="./img/product2.webp">
                                <h3>Xiaomi 12 Pro</h3>
                                <p>全新骁龙 丨 2K AMOLED屏幕</p>
                                <span>46999起</span>
                            </li>
                            <li>
                                <img src="./img/product2.webp">
                                <h3>Xiaomi 12 Pro</h3>
                                <p>全新骁龙 丨 2K AMOLED屏幕</p>
                                <span>46999起</span>
                            </li>
                            <li>
                                <img src="./img/product2.webp">
                                <h3>Xiaomi 12 Pro</h3>
                                <p>全新骁龙 丨 2K AMOLED屏幕</p>
                                <span>46999起</span>
                            </li>
                            <li>
                                <img src="./img/product2.webp">
                                <h3>Xiaomi 12 Pro</h3>
                                <p>全新骁龙 丨 2K AMOLED屏幕</p>
                                <span>46999起</span>
                            </li>
                            <li>
                                <img src="./img/product2.webp">
                                <h3>Xiaomi 12 Pro</h3>
                                <p>全新骁龙 丨 2K AMOLED屏幕</p>
                                <span>46999起</span>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>

            <!-- 智能穿戴 -->
            <div class="main_model">
                <div class="main_model_caption">
                    <div class="tit">智能穿戴</div>
                    <div class="hot">
                        <ul>
                            <li>热门</li>
                            <li>穿戴</li>
                        </ul>
                    </div>
                </div>
                <div class="main_product">
                    <div class="product_left">
                        <img class="img-single" src="./img/product3.webp">
                    </div>
                    <div class="product_right">
                        <ul>
                            <li>
                                <img src="./img/product4.webp">
                                <h3>Xiaomi 12 Pro</h3>
                                <p>全新骁龙 丨 2K AMOLED屏幕</p>
                                <span>46999起</span>
                            </li>
                            <li>
                                <img src="./img/product4.webp">
                                <h3>Xiaomi 12 Pro</h3>
                                <p>全新骁龙 丨 2K AMOLED屏幕</p>
                                <span>46999起</span>
                            </li>
                            <li>
                                <img src="./img/product4.webp">
                                <h3>Xiaomi 12 Pro</h3>
                                <p>全新骁龙 丨 2K AMOLED屏幕</p>
                                <span>46999起</span>
                            </li>
                            <li>
                                <img src="./img/product4.webp">
                                <h3>Xiaomi 12 Pro</h3>
                                <p>全新骁龙 丨 2K AMOLED屏幕</p>
                                <span>46999起</span>
                            </li>
                            <li>
                                <img src="./img/product4.webp">
                                <h3>Xiaomi 12 Pro</h3>
                                <p>全新骁龙 丨 2K AMOLED屏幕</p>
                                <span>46999起</span>
                            </li>
                            <li>
                                <img src="./img/product4.webp">
                                <h3>Xiaomi 12 Pro</h3>
                                <p>全新骁龙 丨 2K AMOLED屏幕</p>
                                <span>46999起</span>
                            </li>
                            <li>
                                <img src="./img/product4.webp">
                                <h3>Xiaomi 12 Pro</h3>
                                <p>全新骁龙 丨 2K AMOLED屏幕</p>
                                <span>46999起</span>
                            </li>
                            <!-- <li class="product-right-li">
                                <ul class="product-right-ul"> -->
                            <li class="product-right-model">
                                <img src="./img/product5.webp">
                                <h3>Redmi Buds 3 青春版</h3>
                                <span>99元</span>
                            </li>
                            <li class="product-right-model">
                                <img src="./img/product5.webp">
                                <h3>Redmi Buds 3 青春版</h3>
                                <span>99元</span>
                            </li>
                            <!-- </ul>
                            </li> -->
                        </ul>
                    </div>
                </div>
            </div>

            <!-- 家电 -->
            <div class="main_model">
                <div class="main_model_caption">
                    <div class="tit">家电</div>
                    <div class="hot">
                        <ul>
                            <li>热门</li>
                            <li>电视音影</li>
                        </ul>
                    </div>
                </div>
                <div class="main_product">
                    <div class="product_left">
                        <img class="img-double" src="./img/product6.webp">
                        <img class="img-double" src="./img/product6.webp">
                    </div>
                    <div class="product_right">
                        <ul>
                            <li>
                                <img src="./img/product7.webp">
                                <h3>Xiaomi 12 Pro</h3>
                                <p>全新骁龙 丨 2K AMOLED屏幕</p>
                                <span>46999起</span>
                            </li>
                            <li>
                                <img src="./img/product7.webp">
                                <h3>Xiaomi 12 Pro</h3>
                                <p>全新骁龙 丨 2K AMOLED屏幕</p>
                                <span>46999起</span>
                            </li>
                            <li>
                                <img src="./img/product7.webp">
                                <h3>Xiaomi 12 Pro</h3>
                                <p>全新骁龙 丨 2K AMOLED屏幕</p>
                                <span>46999起</span>
                            </li>
                            <li>
                                <img src="./img/product7.webp">
                                <h3>Xiaomi 12 Pro</h3>
                                <p>全新骁龙 丨 2K AMOLED屏幕</p>
                                <span>46999起</span>
                            </li>
                            <li>
                                <img src="./img/product7.webp">
                                <h3>Xiaomi 12 Pro</h3>
                                <p>全新骁龙 丨 2K AMOLED屏幕</p>
                                <span>46999起</span>
                            </li>
                            <li>
                                <img src="./img/product7.webp">
                                <h3>Xiaomi 12 Pro</h3>
                                <p>全新骁龙 丨 2K AMOLED屏幕</p>
                                <span>46999起</span>
                            </li>
                            <li>
                                <img src="./img/product7.webp">
                                <h3>Xiaomi 12 Pro</h3>
                                <p>全新骁龙 丨 2K AMOLED屏幕</p>
                                <span>46999起</span>
                            </li>
                            <li class="product-right-model">
                                <img src="./img/product5.webp">
                                <h3>Redmi Buds 3 青春版</h3>
                                <span>99元</span>
                            </li>
                            <li class="product-right-model">
                                <img src="./img/product5.webp">
                                <h3>Redmi Buds 3 青春版</h3>
                                <span>99元</span>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>

            <!-- 生活电器 -->
            <div class="main_model">
                <div class="main_model_caption">
                    <div class="tit">生活电器</div>
                    <div class="hot">
                        <ul>
                            <li>扫地</li>
                            <li>空净</li>
                            <li>清洁</li>
                            <li>风扇</li>
                        </ul>
                    </div>
                </div>
                <div class="main_product">
                    <div class="product_left">
                        <img class="img-double" src="./img/product8.webp">
                        <img class="img-double" src="./img/product8.webp">
                    </div>
                    <div class="product_right">
                        <ul>
                            <li>
                                <img src="./img/product9.webp">
                                <h3>Xiaomi 12 Pro</h3>
                                <p>全新骁龙 丨 2K AMOLED屏幕</p>
                                <span>46999起</span>
                            </li>
                            <li>
                                <img src="./img/product9.webp">
                                <h3>Xiaomi 12 Pro</h3>
                                <p>全新骁龙 丨 2K AMOLED屏幕</p>
                                <span>46999起</span>
                            </li>
                            <li>
                                <img src="./img/product9.webp">
                                <h3>Xiaomi 12 Pro</h3>
                                <p>全新骁龙 丨 2K AMOLED屏幕</p>
                                <span>46999起</span>
                            </li>
                            <li>
                                <img src="./img/product9.webp">
                                <h3>Xiaomi 12 Pro</h3>
                                <p>全新骁龙 丨 2K AMOLED屏幕</p>
                                <span>46999起</span>
                            </li>
                            <li>
                                <img src="./img/product9.webp">
                                <h3>Xiaomi 12 Pro</h3>
                                <p>全新骁龙 丨 2K AMOLED屏幕</p>
                                <span>46999起</span>
                            </li>
                            <li>
                                <img src="./img/product9.webp">
                                <h3>Xiaomi 12 Pro</h3>
                                <p>全新骁龙 丨 2K AMOLED屏幕</p>
                                <span>46999起</span>
                            </li>
                            <li>
                                <img src="./img/product9.webp">
                                <h3>Xiaomi 12 Pro</h3>
                                <p>全新骁龙 丨 2K AMOLED屏幕</p>
                                <span>46999起</span>
                            </li>
                            <li class="product-right-model">
                                <img src="./img/product5.webp">
                                <h3>Redmi Buds 3 青春版</h3>
                                <span>99元</span>
                            </li>
                            <li class="product-right-model">
                                <img src="./img/product5.webp">
                                <h3>Redmi Buds 3 青春版</h3>
                                <span>99元</span>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>

            <!-- banner -->
            <div class="main_banner">
                <img src="./img/banner2.webp">
            </div>

            <!-- 厨房电器 -->
            <div class="main_model">
                <div class="main_model_caption">
                    <div class="tit">厨房电器</div>
                    <div class="hot">
                        <ul>
                            <li>净水器</li>
                            <li>烟灶</li>
                            <li>电饭煲</li>
                            <li>微蒸烤</li>
                        </ul>
                    </div>
                </div>
                <div class="main_product">
                    <div class="product_left">
                        <img class="img-double" src="./img/product10.webp">
                        <img class="img-double" src="./img/product10.webp">
                    </div>
                    <div class="product_right">
                        <ul>
                            <li>
                                <img src="./img/product11.webp">
                                <h3>Xiaomi 12 Pro</h3>
                                <p>全新骁龙 丨 2K AMOLED屏幕</p>
                                <span>46999起</span>
                            </li>
                            <li>
                                <img src="./img/product11.webp">
                                <h3>Xiaomi 12 Pro</h3>
                                <p>全新骁龙 丨 2K AMOLED屏幕</p>
                                <span>46999起</span>
                            </li>
                            <li>
                                <img src="./img/product11.webp">
                                <h3>Xiaomi 12 Pro</h3>
                                <p>全新骁龙 丨 2K AMOLED屏幕</p>
                                <span>46999起</span>
                            </li>
                            <li>
                                <img src="./img/product11.webp">
                                <h3>Xiaomi 12 Pro</h3>
                                <p>全新骁龙 丨 2K AMOLED屏幕</p>
                                <span>46999起</span>
                            </li>
                            <li class="product-right-model">
                                <img src="./img/product5.webp">
                                <h3>Redmi Buds 3 青春版</h3>
                                <span>99元</span>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>

            <!-- 智能家居 -->
            <div class="main_model">
                <div class="main_model_caption">
                    <div class="tit">智能家居</div>
                    <div class="hot">
                        <ul>
                            <li>小爱音箱</li>
                            <li>门锁</li>
                            <li>路由器</li>
                            <li>智能设备</li>
                        </ul>
                    </div>
                </div>
                <div class="main_product">
                    <div class="product_left">
                        <img class="img-double" src="./img/product12.webp">
                        <img class="img-double" src="./img/product12.webp">
                    </div>
                    <div class="product_right">
                        <ul>
                            <li>
                                <img src="./img/product13.webp">
                                <h3>Xiaomi 12 Pro</h3>
                                <p>全新骁龙 丨 2K AMOLED屏幕</p>
                                <span>46999起</span>
                            </li>
                            <li>
                                <img src="./img/product13.webp">
                                <h3>Xiaomi 12 Pro</h3>
                                <p>全新骁龙 丨 2K AMOLED屏幕</p>
                                <span>46999起</span>
                            </li>
                            <li>
                                <img src="./img/product13.webp">
                                <h3>Xiaomi 12 Pro</h3>
                                <p>全新骁龙 丨 2K AMOLED屏幕</p>
                                <span>46999起</span>
                            </li>
                            <li>
                                <img src="./img/product13.webp">
                                <h3>Xiaomi 12 Pro</h3>
                                <p>全新骁龙 丨 2K AMOLED屏幕</p>
                                <span>46999起</span>
                            </li>
                            <li>
                                <img src="./img/product13.webp">
                                <h3>Xiaomi 12 Pro</h3>
                                <p>全新骁龙 丨 2K AMOLED屏幕</p>
                                <span>46999起</span>
                            </li>
                            <li>
                                <img src="./img/product13.webp">
                                <h3>Xiaomi 12 Pro</h3>
                                <p>全新骁龙 丨 2K AMOLED屏幕</p>
                                <span>46999起</span>
                            </li>
                            <li>
                                <img src="./img/product13.webp">
                                <h3>Xiaomi 12 Pro</h3>
                                <p>全新骁龙 丨 2K AMOLED屏幕</p>
                                <span>46999起</span>
                            </li>
                            <li class="product-right-model">
                                <img src="./img/product5.webp">
                                <h3>Redmi Buds 3 青春版</h3>
                                <span>99元</span>
                            </li>
                            <li class="product-right-model">
                                <img src="./img/product5.webp">
                                <h3>Redmi Buds 3 青春版</h3>
                                <span>99元</span>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>

            <!-- 运动出行 -->
            <div class="main_model">
                <div class="main_model_caption">
                    <div class="tit">运动出行</div>
                    <div class="hot">
                        <ul>
                            <li>平衡车/滑板车</li>
                            <li>运动健身</li>
                            <li>箱包配饰</li>
                            <li>出行工具</li>
                        </ul>
                    </div>
                </div>
                <div class="main_product">
                    <div class="product_left">
                        <img class="img-double" src="./img/product14.webp">
                        <img class="img-double" src="./img/product14.webp">
                    </div>
                    <div class="product_right">
                        <ul>
                            <li>
                                <img src="./img/product15.webp">
                                <h3>Xiaomi 12 Pro</h3>
                                <p>全新骁龙 丨 2K AMOLED屏幕</p>
                                <span>46999起</span>
                            </li>
                            <li>
                                <img src="./img/product15.webp">
                                <h3>Xiaomi 12 Pro</h3>
                                <p>全新骁龙 丨 2K AMOLED屏幕</p>
                                <span>46999起</span>
                            </li>
                            <li>
                                <img src="./img/product15.webp">
                                <h3>Xiaomi 12 Pro</h3>
                                <p>全新骁龙 丨 2K AMOLED屏幕</p>
                                <span>46999起</span>
                            </li>
                            <li>
                                <img src="./img/product15.webp">
                                <h3>Xiaomi 12 Pro</h3>
                                <p>全新骁龙 丨 2K AMOLED屏幕</p>
                                <span>46999起</span>
                            </li>
                            <li>
                                <img src="./img/product15.webp">
                                <h3>Xiaomi 12 Pro</h3>
                                <p>全新骁龙 丨 2K AMOLED屏幕</p>
                                <span>46999起</span>
                            </li>
                            <li>
                                <img src="./img/product15.webp">
                                <h3>Xiaomi 12 Pro</h3>
                                <p>全新骁龙 丨 2K AMOLED屏幕</p>
                                <span>46999起</span>
                            </li>
                            <li>
                                <img src="./img/product15.webp">
                                <h3>Xiaomi 12 Pro</h3>
                                <p>全新骁龙 丨 2K AMOLED屏幕</p>
                                <span>46999起</span>
                            </li>
                            <li class="product-right-model">
                                <img src="./img/product5.webp">
                                <h3>Redmi Buds 3 青春版</h3>
                                <span>99元</span>
                            </li>
                            <li class="product-right-model">
                                <img src="./img/product5.webp">
                                <h3>Redmi Buds 3 青春版</h3>
                                <span>99元</span>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>

            <!-- banner -->
            <div class="main_banner">
                <img src="./img/banner2.webp">
            </div>

            <!-- 日用百货 -->
            <div class="main_model">
                <div class="main_model_caption">
                    <div class="tit">日用百货</div>
                    <div class="hot">
                        <ul>
                            <li>个护健康</li>
                            <li>电源/线材</li>
                            <li>儿童用品</li>
                            <li>家居床品</li>
                        </ul>
                    </div>
                </div>
                <div class="main_product">
                    <div class="product_left">
                        <img class="img-double" src="./img/product16.webp">
                        <img class="img-double" src="./img/product16.webp">
                    </div>
                    <div class="product_right">
                        <ul>
                            <li>
                                <img src="./img/product17.webp">
                                <h3>Xiaomi 12 Pro</h3>
                                <p>全新骁龙 丨 2K AMOLED屏幕</p>
                                <span>46999起</span>
                            </li>
                            <li>
                                <img src="./img/product17.webp">
                                <h3>Xiaomi 12 Pro</h3>
                                <p>全新骁龙 丨 2K AMOLED屏幕</p>
                                <span>46999起</span>
                            </li>
                            <li>
                                <img src="./img/product17.webp">
                                <h3>Xiaomi 12 Pro</h3>
                                <p>全新骁龙 丨 2K AMOLED屏幕</p>
                                <span>46999起</span>
                            </li>
                            <li>
                                <img src="./img/product17.webp">
                                <h3>Xiaomi 12 Pro</h3>
                                <p>全新骁龙 丨 2K AMOLED屏幕</p>
                                <span>46999起</span>
                            </li>
                            <li>
                                <img src="./img/product17.webp">
                                <h3>Xiaomi 12 Pro</h3>
                                <p>全新骁龙 丨 2K AMOLED屏幕</p>
                                <span>46999起</span>
                            </li>
                            <li>
                                <img src="./img/product17.webp">
                                <h3>Xiaomi 12 Pro</h3>
                                <p>全新骁龙 丨 2K AMOLED屏幕</p>
                                <span>46999起</span>
                            </li>
                            <li>
                                <img src="./img/product17.webp">
                                <h3>Xiaomi 12 Pro</h3>
                                <p>全新骁龙 丨 2K AMOLED屏幕</p>
                                <span>46999起</span>
                            </li>
                            <li class="product-right-model">
                                <img src="./img/product5.webp">
                                <h3>Redmi Buds 3 青春版</h3>
                                <span>99元</span>
                            </li>
                            <li class="product-right-model">
                                <img src="./img/product5.webp">
                                <h3>Redmi Buds 3 青春版</h3>
                                <span>99元</span>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>

            <!-- 视频 -->
            <div class="main_model_video">
                <div class="main_model_caption">
                    <div class="tit">视频</div>
                    <div class="more"><a href="#">查看全部</a><span>&gt;</span></div>
                </div>
                <div class="main-video-content">
                    <ul>
                        <li>
                            <img src="./img/video.webp">
                            <span>
                                <div></div>
                            </span>
                            <h3>Redmi 10X系列发布会</h3>
                            <p>Redmi 10X系列发布会</p>
                        </li>
                        <li>
                            <img src="./img/video.webp">
                            <span>
                                <div></div>
                            </span>
                            <h3>Redmi 10X系列发布会</h3>
                            <p>Redmi 10X系列发布会</p>
                        </li>
                        <li>
                            <img src="./img/video.webp">
                            <span>
                                <div></div>
                            </span>
                            <h3>Redmi 10X系列发布会</h3>
                            <p>Redmi 10X系列发布会</p>
                        </li>
                        <li>
                            <img src="./img/video.webp">
                            <span>
                                <div></div>
                            </span>
                            <h3>Redmi 10X系列发布会</h3>
                            <p>Redmi 10X系列发布会</p>
                        </li>
                    </ul>
                </div>
            </div>

        </div>
    </main>

    <!-- 尾部 -->
    <footer></footer>
    <script>
        $('footer').load('./footer.html');
    </script>

    <!-- 移动 -->
    <div class="bar"></div>
    <script>
        $('.bar').load('./home-bar.html');
    </script>


</body>

</html>